/* MASTER RESET``````````````````````````````````````````````````````````````````````````````*/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0px; padding:0px;}
body{ margin:0px; padding:0px; position:relative;}
ul{margin:0;padding:0;}
ul li{margin:0;padding:0;list-style:none;}
ol{margin:0;padding:0;}
ol li{margin:0;padding:0;list-style:none;}
img { border:0px; }
a.image:link, a.image:visited, a.image:hover {background: none;	padding: 0; text-decoration:none;}
a.image img {border: none;}
a:link, a:visited{text-decoration:none; color:#369;}
a:hover {text-decoration:underline;}

body {
	font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#333333;
	line-height:160%;
	background:#ffffff;
	text-align:center;
	background:#051223 url(images/space-bg.jpg) center top;
}

#wrapper{margin:0 auto; text-align:left; width:900px; overflow:hidden;}



/* HEADER```````````````````````````````````````````````````````````````````````````````*/


#header {height:160px; display:block; color:#7fabb8;}
#header a:link, #header a:visited {color:#7fabb8; font-weight:bold;}
#header .userbox{width:300px; height:160px; float:left;}
#header .userpanel {width:197px; padding:0 10px 0 93px;}
#header .logo{width:300px; height:160px; float:left;}





#main{overflow:hidden;}
#main h1{font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size:18px; color:#111111; display:block; padding:0 0 10px 0; text-transform:uppercase;}

#main .top{ width:900px; background:url(images/main-top-bg.png) center top no-repeat; height:14px; display:block; margin:20px 0 0 0;}
#main .bottom{ width:900px; background:url(images/main-bottom-bg.png) center top no-repeat; height:34px; display:block;}
#main .content{width:900px; background:#ffffff; overflow:hidden;}

.cs {width:900px; margin:50px 0; text-align:center; font-size:14px; overflow:hidden;}


#main .rate{ width:874px; margin:0 13px 0 13px; background:url(images/rate-bg.png); height:204px; display:block; overflow:hidden;}
#main .rate-pic{ width:170px; height:170px; margin:17px 10px 17px 20px; background:url(images/picbox.png); float:left;}
#main .rate-box{ width:665px; height:125px; float:left; padding:60px 9px 19px 0;}
#main .rate-name{ width:485px; height:40px; display:block; padding:0 180px 0 0; text-align:right;
font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size:40px; font-weight:bold; text-transform:uppercase; color:#fff; line-height:40px;}
#main .rate-bar { width:665px; height:85px; display:block; background:url(images/rate-bar.png);}
#main .search{ width:874px; margin:0 13px 0 13px; background:url(images/search-bg.png); height:70px; display:block;}

#main .frame{ width:870px; padding:30px 15px 0 15px; overflow:hidden; background:url(images/frame-bg.png) repeat-y;}
#main .box{ width:260px; float:left; padding:0 15px 0 15px;}

/* Inner classe */
#main .detail{ width:874px; margin:0 13px 30px 13px; overflow:hidden;}
#main .sb{ width:225px; float:left;}
#main .sb-picbox{width:225px; height:300px; margin:25px 0 15px 0; background:url(images/sb-pic.png); display:block; overflow:hidden;}
#main .sb-pic{ width:210px; height:252px; margin:17px 0 31px 15px; background:#666; display:block; position:relative;}

#main .info{width:649px; float:right; background:url(images/info-bg.png); overflow:hidden; }
#main .info-box{width:610px; padding:0 19px 0 20px;}
#main .info-top{width:649px; height:20px; background:url(images/info1.png); display:block;}
#main .info-bottom{width:649px; height:20px; background:url(images/info2.png); display:block;}

#main .info-title{font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size:36px; color:#111111; display:block; padding:0 0 10px 0; text-transform:uppercase; font-weight:bold; line-height:36px;}
#main .info-subtitle{font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size:18px; color:#333; display:block; padding:10px 0 10px 0; text-transform:uppercase; font-weight:bold; line-height:18px; border-top:1px dotted #ccc; margin:50px 0 0 0;}
#main .info-rate-box{width:610px; font-size:16px; margin:20px 0 0 0; height:36px; line-height:36px;}
#main .info-rete-number{font-size:36px; color:#390; margin:0 20px 0 0;}

#main .infotags a:link, #main .infotags a:visited{ margin:10px 10px 0 0; padding:2px 20px; line-height:16px; background:url(images/tags.png) no-repeat; display:block; float:left;}

#main .info-light-text{width:610px; color:#666;}
#main .info-normal-text{width:610px; overflow:hidden;}
#main .info-normal-text .left{width:70px; float:left; margin:0 10px 5px 0; display:block; color:#999; font-weight:bold;}
#main .info-normal-text .right{width:530px; float:right; display:block;}
#main .green-text{color:#690;}
#main .chart{font-size:14px; line-height:14px; padding:0 50px 0 20px; background:url(images/medal.png) no-repeat; color:#666; text-transform:uppercase;}
#main .info-comment{width:610px; color:#666; border-bottom:1px dotted #ccc; margin:0 0 13px 0; padding:0 0 5px 0; font-size:10px; overflow:hidden;}
#main .comment-avatar{width:50px; height:50px; border:3px solid #eee; float:left; margin:0 5px 5px 0; background:#ccc; display:block;}
#main .comment-vote{width:270px; height:19px; display:block; float:right; margin:5px 0 0 5px;}
#main .comment-vote a:link, #main .comment-vote a:visited{color:#555;}
#main .comment-vote a:hover{color:#F30; text-decoration:none;}
#main .vote-button{width:80px; height:19px; line-height:19px; margin:0 0 0 10px; float:left; text-align:center; background:url(images/com-vote.png); display:block;}
#main .add-comments{width:608px; height:50px; border:1px dotted #ccc; margin:0; padding:0; display:block;}


#main .trending{width:680px; height:65px; display:block; background:url(images/trending-bg.png); padding:0 20px 0 200px; margin:30px 0 10px 0;}
#main .trending a:link, #main .trending a:visited{color:#FFF; font-weight:bold;}
#main .trending ul{margin:0; padding:0; list-style:none;}
#main .trending ul li{margin:25px 20px 0 20px; padding:0; float:left;}



#fame{background:#040404; height:80px; display:block;}
#fame .left{width:170px; height:80px; display:block; background:url(images/fame-left.png); float:left;}
#fame .right{width:730px; height:80px; display:block; float:right;}
#fame ul{margin:0; padding:0; list-style:none;}
#fame ul li{width:50px; height:50px; border:3px solid #333; display:block; background:#666; float:left; margin:12px 10px;}

/* footer```````````````````````````````````````````````````````````````````````````````*/
#footer{padding:20px 0 20px 0; color:#666; background:#101214;}
#footer h1{font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size:14px; color:#ffffff; display:block; padding:0 0 10px 0; text-transform:uppercase;}
#footer a:link, #footer a:visited { color:#ffffff;}
#footer .box{width:155px; padding:0 12px 0 13px; float:left}
#footer .box a:link, #footer .box a:visited{width:155px; margin:0 0 10px 0; padding:0 0 5px 0; border-bottom:1px dotted #333; display:block; color:#CCC;}
#footer .endnotes{width:900px; height:50px; display:block; text-align:center; margin:20px 0 0 0;}


/* POP ME BABY ONE MORE TIME ```````````````````````````````````````````````````````````````````````````````*/

#popwrap{width:402px; padding:20px; background:#FFF; text-align:left;}
#popwrap h1{ font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size:18px; color:#111111; display:block; text-transform:uppercase;}
#popwrap .form{width:400px; border:1px dotted #ccc; padding:20px 0;}
.fieldrow{ width:400px; display:block; height:40px;}
.fieldtitle { width:100px; float:left; text-align:right; line-height:25px; padding:0 10px 0 0;
font-size:14px; color:#666; letter-spacing:1px; display:block;}
.field{ width:290px; float:right; display:block; line-height:25px;}
.input250{ margin:0; padding:3px 6px; background:#f2f2f2; border:1px solid #ccc; width:250px; height:20px;}
.input120{ margin:0; padding:3px 6px; background:#f2f2f2; border:1px solid #ccc; width:120px; height:20px;}
.submit{ width:124px; height:34px; background:url(images/submit.png); border:none;}